<template>
  <div>
    <h2>Home:{{ $store.state.counter }}</h2>
    <h1>---hooks->mapState---</h1>
    <h3>Home:{{ name }}</h3>
    <h3>Home:{{ age }}</h3>
    <h3>Home:{{ height }}</h3>
    <h3>Home:{{ sCounter }}</h3>
  </div>
</template>
<script>
import { useState } from "../hooks/useState";
export default {
  setup() {
    const storeState = useState(["name", "age", "height"]);
    const storeState2 = useState({
      sCounter: (state) => state.counter,
    });
    return {
      ...storeState,
      ...storeState2,
    };
  },
};
</script>
<style>
</style>
